.input-control.checkbox {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.input-control.checkbox>input[type=checkbox] {
	position: absolute;
	opacity: 0;
}

.input-control.checkbox .helper {
	padding-left: 23px;
	position: relative;
}

.input-control.checkbox .helper:before {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	content: "";
	text-indent: -9999px;
	border: 2px #d9d9d9 solid;
	z-index: 1;
	opacity: 1;
	top: 0;
	left: 0;
}

.input-control.checkbox input[type="checkbox"]:checked  ~ .helper:after
	{
	position: absolute;
	display: block;
	content: "\e08a";
	font-size: 10pt;
	heigth: 14px;
	width: 14px;
	line-height: 14px;
	z-index: 2;
	top: 50%;
	margin-top: -6px;
	left: 0;
	margin-left: 4px;
	font-family: iconFont;
}

.input-control.checkbox input[type="checkbox"]:not (:checked )  ~
	.helper:after {
	display: none;
}

.input-control.checkbox input[type="checkbox"]:disabled  ~ .helper:before
	{
	cursor: default;
	background: #e6e6e6;
}

.input-control.checkbox input[type=checkbox]:disabled  ~ .helper:after {
	color: #8a8a8a;
}

.input-control.checkbox input[type=checkbox]:focus  ~ .helper:before {
	border-color: #919191;
}

.input-control.checkbox:hover input[type=checkbox]:not (:disabled )  ~
	.helper:before {
	border-color: #919191;
}

.input-control.checkbox:active input[type=checkbox]:not (:disabled )  ~
	.helper:before {
	border-color: #1e1e1e;
}

.input-control.intermediate input[type="checkbox"]  ~ .helper:after {
	position: absolute !important;
	display: block !important;
	content: "" !important;
	color: #1a1a1a !important;
	z-index: 2 !important;
	font-size: 16px !important;
	font-weight: bold !important;
	left: 5px !important;
	margin-left: 0 !important;
	top: 50% !important;
	margin-top: -5px !important;
	background-color: #1a1a1a !important;
	width: 10px !important;
	height: 10px !important;
}

.input-control.intermediate input[type="checkbox"]:disabled  ~ .helper:after
	{
	background-color: #9a9a9a !important;
}

.input-control.radio {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.input-control.radio>input[type=radio] {
	position: absolute;
	opacity: 0;
}

.input-control.radio .helper {
	padding-left: 23px;
	position: relative;
}

.input-control.radio .helper:before {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	content: "";
	text-indent: -9999px;
	border: 2px #d9d9d9 solid;
	z-index: 1;
	opacity: 1;
	top: 0;
	left: 0;
	border-radius: 100%;
}

.input-control.radio input[type="radio"]:checked  ~ .helper:after {
	position: absolute;
	display: block;
	content: "";
	color: #1a1a1a;
	z-index: 2;
	font-size: 16px;
	font-weight: bold;
	left: 5px;
	margin-left: 0;
	top: 50%;
	margin-top: -5px;
	background-color: #1a1a1a;
	width: 10px;
	height: 10px;
	border-radius: 100%;
}

.input-control.radio input[type="radio"]:disabled  ~ .helper:before {
	cursor: default;
	background: #e6e6e6;
}

.input-control.radio input[type="radio"]:disabled  ~ .helper:after {
	background-color: #8a8a8a;
}

.input-control.radio input[type="radio"]:focus  ~ .helper:before {
	border-color: #919191;
}

.input-control.radio:hover input:not (:disabled )  ~ .helper:before {
	border-color: #919191;
}

.input-control.radio:active input:not (:disabled )  ~ .helper:before {
	border-color: #1e1e1e;
}

.input-control.switch {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
}

.input-control.switch>input[type=checkbox] {
	position: absolute;
	opacity: 0;
}

.input-control.switch .helper {
	padding-left: 52px;
	position: relative;
}

.input-control.switch .helper:before {
	position: absolute;
	left: 0;
	top: 2px;
	display: block;
	content: "";
	width: 43px;
	height: 16px;
	outline: 2px #a6a6a6 solid;
	border: 1px #fff solid;
	cursor: pointer;
	background: #008287;
	margin-left: 2px;
	z-index: 1;
}

.input-control.switch input[type="checkbox"]  ~ .helper:after {
	position: absolute;
	left: 36px;
	top: 2px;
	display: block;
	content: "";
	width: 9px;
	height: 16px;
	outline: 2px #333 solid;
	border: 1px #333 solid;
	cursor: pointer;
	background: #333;
	z-index: 2;
}

.input-control.switch input[type="checkbox"]:not (:checked )  ~ .helper:after
	{
	left: 2px !important;
}

.input-control.switch input[type="checkbox"]:not (:checked )  ~ .helper:before
	{
	background: #a6a6a6 !important;
}

.input-control.switch input[type="checkbox"]:disabled  ~ .helper:after {
	background: #a6a6a6 !important;
	outline: 2px #a6a6a6 solid !important;
	border: 1px #a6a6a6 solid !important;
}

.input-control.switch input[type="checkbox"]:focus  ~ .helper:before {
	outline: 2px #747474 solid !important;
}

.input-control.switch input[type="checkbox"]:disabled  ~ .helper:before
	{
	cursor: default !important;
	background: #e0e0e0 !important;
	outline: 2px #ccc solid !important;
}

.input-control>input[type=text],.input-control>input[type=email],.input-control>input[type=url],.input-control>input[type=phone],.input-control>input[type=password],.input-control>input[type=number],.input-control>input[type=time],.input-control>select,.input-control>textarea
	{
	border: 1px #bababa solid;
	width: 100%;
	padding: 4px 6px 6px 5px;
	background-color: #fff;
	outline: 0;
	margin-right: 32px;
	min-height: 32px;
	position: relative;
}

.input-control>input[type=text].with-helper,.input-control>input[type=email].with-helper,.input-control>input[type=url].with-helper,.input-control>input[type=phone].with-helper,.input-control>input[type=password].with-helper,.input-control>input[type=number].with-helper,.input-control>input[type=time].with-helper,.input-control>select.with-helper,.input-control>textarea.with-helper
	{
	padding: 4px 32px 6px 5px;
}

.input-control>input[type=text]:disabled,.input-control>input[type=email]:disabled,.input-control>input[type=url]:disabled,.input-control>input[type=phone]:disabled,.input-control>input[type=password]:disabled,.input-control>input[type=number]:disabled,.input-control>input[type=time]:disabled,.input-control>select:disabled,.input-control>textarea:disabled
	{
	background-color: #eaeaea;
}

.input-control>input[type=text]:focus,.input-control>input[type=email]:focus,.input-control>input[type=url]:focus,.input-control>input[type=phone]:focus,.input-control>input[type=password]:focus,.input-control>input[type=number]:focus,.input-control>input[type=time]:focus,.input-control>select:focus,.input-control>textarea:focus
	{
	border-color: #000;
}

.input-control>input[type=text]::-ms-clear,.input-control>input[type=email]::-ms-clear,.input-control>input[type=url]::-ms-clear,.input-control>input[type=phone]::-ms-clear,.input-control>input[type=number]::-ms-clear,.input-control>input[type=time]::-ms-clear
	{
	display: none;
}

.input-control>input[type=password]::-ms-reveal {
	display: none;
}

.input-control>select {
	padding-right: 5px;
}

.input-control>textarea {
	padding-right: 5px;
	min-height: 100px;
}

.input-control.text input[type=text]:not (:focus )  ~ .helper,.input-control.password input[type=text]:not
	(:focus )  ~ .helper,.input-control.text input[type=password]:not (:focus
	)  ~ .helper,.input-control.password input[type=password]:not (:focus ) 
	~ .helper,.input-control.text input[type=email]:not (:focus )  ~
	.helper,.input-control.password input[type=email]:not (:focus )  ~
	.helper,.input-control.text input[type=phone]:not (:focus )  ~ .helper,.input-control.password input[type=phone]:not
	(:focus )  ~ .helper,.input-control.text input[type=url]:not (:focus ) 
	~ .helper,.input-control.password input[type=url]:not (:focus )  ~
	.helper {
	display: none;
}

.input-control.text input[type=text]:focus  ~ .helper,.input-control.password input[type=text]:focus 
	~ .helper,.input-control.text input[type=password]:focus  ~ .helper,.input-control.password input[type=password]:focus 
	~ .helper,.input-control.text input[type=email]:focus  ~ .helper,.input-control.password input[type=email]:focus 
	~ .helper,.input-control.text input[type=phone]:focus  ~ .helper,.input-control.password input[type=phone]:focus 
	~ .helper,.input-control.text input[type=url]:focus  ~ .helper,.input-control.password input[type=url]:focus 
	~ .helper {
	display: block;
}

.input-control.text input[type=text]:not (:focus )  ~ .helper:active,.input-control.password input[type=text]:not
	(:focus )  ~ .helper:active,.input-control.text input[type=password]:not
	(:focus )  ~ .helper:active,.input-control.password input[type=password]:not
	(:focus )  ~ .helper:active,.input-control.text input[type=email]:not (:focus
	)  ~ .helper:active,.input-control.password input[type=email]:not (:focus
	)  ~ .helper:active,.input-control.text input[type=phone]:not (:focus ) 
	~ .helper:active,.input-control.password input[type=phone]:not (:focus
	)  ~ .helper:active,.input-control.text input[type=url]:not (:focus ) 
	~ .helper:active,.input-control.password input[type=url]:not (:focus ) 
	~ .helper:active {
	display: block;
}

.input-control {
	margin-right: 0px;
	margin-bottom: 10px;
	position: relative;
}

.input-control.text .helper,.input-control.password .helper,.input-control.text .btn-search,.input-control.password .btn-search
	{
	background: #fff;
	top: 2px;
	width: 26px !important;
	height: 27px !important;
	min-width: 26px !important;
	min-height: 27px !important;
	cursor: pointer;
	color: #000;
	position: absolute;
	left: 100%;
	margin-left: -28px;
	display: block;
	border: 1px #fff solid;
}

.input-control.text .helper:before,.input-control.password .helper:before,.input-control.text .btn-search:before,.input-control.password .btn-search:before
	{
	font-size: 12pt;
	position: absolute;
	font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial,
		Helvetica, sans-serif;
	font-weight: 300;
	font-size: 11pt;
	letter-spacing: 0.02em;
	line-height: 20px;
	font-smooth: always;
}

.input-control.text .helper:hover,.input-control.password .helper:hover,.input-control.text .btn-search:hover,.input-control.password .btn-search:hover
	{
	background: #d9d9d9;
}

.input-control.text .helper:active,.input-control.password .helper:active,.input-control.text .btn-search:active,.input-control.password .btn-search:active
	{
	background-color: #000;
}

.input-control.text .helper:active:before,.input-control.password .helper:active:before,.input-control.text .btn-search:active:before,.input-control.password .btn-search:active:before
	{
	color: #fff;
}

.input-control.password .helper {
	background: #ffffff
		url(%3D%3D)
		50% no-repeat;
}

.input-control.password .helper:hover {
	background: #ffffff
		url()
		50% no-repeat;
}

.input-control.text .helper:before {
	font-family: iconFont;
	font-size: 12px;
	content: "\e089";
	left: 7px;
	top: 3px;
}

.input-control.text .btn-search:before {
	font-family: iconFont;
	font-size: 12px;
	content: "\e041";
	left: 7px;
	top: 3px;
}

input[type=button],input[type=reset],input[type=submit] {
	font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica,
		sans-serif;
	font-weight: 400;
	font-size: 9pt;
	font-smooth: always;
	min-width: 90px;
	min-height: 32px;
	height: 32px;
	background-color: #ccc;
	border: 1px transparent solid;
	color: #353535;
	margin-right: 10px;
	margin-bottom: 10px;
	border-raduis: 0;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	padding: 4px 10px;
	position: relative;
	border-radius: 0;
}

input[type=button].mini,input[type=reset].mini,input[type=submit].mini {
	font-size: .9em !important;
}

input[type=button].standart,input[type=reset].standart,input[type=submit].standart
	{
	min-width: 90px;
	min-height: 32px;
}

input[type=button]:active,input[type=reset]:active,input[type=submit]:active,input[type=button].default:active,input[type=reset].default:active,input[type=submit].default:active
	{
	top: 1px;
	left: 1px;
}

input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled,input[type=button].disabled,input[type=reset].disabled,input[type=submit].disabled
	{
	background-color: #eaeaea;
	color: #bebebe;
	cursor: not-allowed;
}

input[type=button].default,input[type=reset].default,input[type=submit].default
	{
	background-color: #008287;
	color: #fff;
}

input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus
	{
	outline: 0;
	border: 1px #353535 dotted;
}

input[type=button].mini,input[type=reset].mini,input[type=submit].mini {
	min-height: 24px;
	min-width: 24px;
	height: 26px;
	font-size: .8em;
}

input[type=button].big,input[type=reset].big,input[type=submit].big {
	min-height: 48px;
	height: 48px;
	font-size: 1.2em;
}

input[type=submit] {
	background-color: #008287;
	color: #fff;
}